<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实现猜数字案例</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>
<body>
    <input type="button" id="restart" value="重新开始一局">
    <br/>
    请输入要猜的数字：<input type="text" id = "inputNum"> <input type="button" id = "guess" value="猜">
    <br/>
    已经猜的次数: <span id="time">0</span>
    <br/>
    结果:<span id = "result"> </span>
    <script>
        $("#restart").click(function(){
            window.location.href="homework1.html";
        })

        // 生成1~100的随机整数
        let randNum = Math.floor(Math.random() * 100) + 1;
        $("#guess").click(function(){
            let inputNum = $("#inputNum").val();
            if (!Number.isInteger(inputNum) || inputNum < 1 || inputNum > 100) {
                 $("#result").text("请输入1~100的整数数字!!!");
            }
            if(inputNum > randNum){
                $("#result").text("猜高了");
                // 先将字符串转换为数字再进行加1操作
                let num = parseInt($("#time").text(), 10);
                // 确保转换失败时使用默认值0
                if (isNaN(num)) {
                    num = 0;
                }
                $("#time").text(num + 1);
            }else if(inputNum < randNum){
                $("#result").text("猜低了");
                  // 先将字符串转换为数字再进行加1操作
                let num = parseInt($("#time").text(), 10);
                // 确保转换失败时使用默认值0
                if (isNaN(num)) {
                    num = 0;
                }
                $("#time").text(num + 1);
            }else{
                $("#result").text("对了！");
                  // 先将字符串转换为数字再进行加1操作
                let num = parseInt($("#time").text(), 10);
                // 确保转换失败时使用默认值0
                if (isNaN(num)) {
                    num = 0;
                }
                $("#time").text(num + 1);
            }
        })
        
    </script>
</body>
</html>